@CHARSET "UTF-8";

@import url(font.css);

#mainpage{position:relative;border:1px solid #ffffff;width: 95%px;
		  height: auto;margin:0 auto;}
.menu{position:absolute;border:1px solid #ffffff;color:#ffffff;text-align:center;}
.menu1{position:absolute;border:1px solid #ffffff;color:#ffffff;text-align:center;}
.menu:hover{opacity:0.5;cursor:pointer;
}


#title{width:100%;height:40px;background-color:#000000 ;}
#login{width:32%;height:30px;top:55px;left:34%;background-color: #e7b20c;}
#join{width:32%;height:30px; top:55px;left:68%;background-color: #b11e14;}
#board{width:32%;height:30px;top:90px;left:68%;background-color: #ff8000;}
#member{width:32%;height:30px;top:90px;left:34%;background-color: #704796;}
#guest{width:32%;height:40px;top:45px;background-color: #264389;}
#eat{width:32%;height:30px;top:90px;background-color: #42793f;}
#content{width:99%;height:450px;top:135px;border:5px solid #264389;overflow: auto;}
#foot{width:100%;height:100px;top:600px;color:#000000;}

#member_info{width:32%;height:30px; top:55px;left:34%;background-color:#e7b20c;}
#member_manage{width:32%;height:30px;top:55px;left:68%;background-color: #b11e14;}

@media all and (min-width:500px){
	#content{font-size: 5px;}
}
@media all and (min-width:500px) and (max-width:980px){
	#mainpage{width: 585px;height: auto;margin:0 auto;}
	#login{width:150px;height:50px;top:0px;left:430px;}
	#title{width:425px;height:105px;top:0px;}
	#join{width:150px;height:50px;top:55px;left:430px;}
	#member{width:190px;height:80px;top:685px;left:390px;}
	#board{width:190px;height:80px;top:685px;left:195px;}
	#guest{width:580px;height:60px;top:110px;left:0px;}
	#eat{width:190px;height:80px;top:685px;left:0px;}
	#content{width:99%;height:500px;top:175px;border:5px solid #264389;overflow: auto;}
	#foot{width:100%;height:100px;top:790px;text-align:center;}
	
	#member_info{width:150px;height:50px;top:0px;left:430px;background-color:#e7b20c;}
	#member_manage{width:150px;height:50px;top:55px;left:430px;background-color: #b11e14;}
		
}
@media all and (min-width:980px){
	#mainpage{width: 980px;height:auto;margin:0 auto;}
	#login{width:250px;height:60px;top:0px;left:720px;}
	#title{width:250px;height:100px;top:0px;background-image:url(../img/M1.jpg);}
	#board{width:110px;height:225px;top:105px;left:0px;}
	#member{width:110px;height:225px;top:565px;left:0px;}
	#join{width:250px;height:35px;top:65px;left:720px;}
	#eat{width:110px;height:225px;top:335px;left:0px;}
	#guest{width:460px;height:100px;top:0px;left:255px;background-image:url(../img/MH5.jpg);box-shadow:2px 2px 2px #0080ff;}
	#content{width:850px;height:685px;top:105px;left:115px;border:5px solid #264389;overflow: auto;}
	#foot{width:100%;height:100px;top:820px;text-align:center;}
	
	#member_info{width:250px;height:60px;top:0px;left:720px;background-color:#e7b20c;}
	#member_manage{width:250px;height:35px;top:65px;left:720px;background-color: #b11e14;}
	
}